<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
    <meta data-n-head="1" data-hid="description" name="description"
        content="三星网上商城秉承“做中国人民喜爱的企业,贡献于中国社会的企业”之理念,至真至诚,为中国消费者提供优质产品与服务。">
    <meta data-n-head="1" data-hid="keywords" name="keywords"
        content="三星手机,三星显示器,三星电视, 三星家电,三星笔记本,三星打印机,Galaxy S21,Galaxy Note10,三星 W21">
    <meta content="[object Object]">
    <title>三星网上商城 | 三星手机 | 电视 | 笔记本 显示器 固态硬盘 | 冰箱 洗衣机等三星品牌产品售卖官方网上商城</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3388031_rgbetwah4n.css">
    <link rel="stylesheet" href="./css/samsunm.css">

    <script src="./script/main.js" type="module" id="detail"></script>
</head>

<body">

    <!-- header -->
    <div class="header_content">

    </div>

    <div class="nubus">
        <div class="nubus_box">
            <p class="title">添加购物车成功</p>
            <button type="button" class="gg">再逛一逛</button>
            <button type="button" class="jiarugouwuche">前往购物车</button>
            <span class="iconfont icon-chahao1"></span>
        </div>
    </div>


    <section class="datalist_warp">
        <div class="datalist_content">
            <div class="datalist">
                <div class="bijibenDatalist">
                    <div class="data_menu">
                        <div class="brak_menu">
                            <span class="back_left">
                                <a href="http://127.0.0.1/SAMSUNGproject/frontend/index.html">首页</a>

                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="shopDetail">
            <div class="shopDetail_wrap">
                <div class="shopDetail_box">
                    <div class="shopDetail_content_item">
                        <div class="shopDetail_item_L">
                            <!-- 放大镜效果 -->
                            <div class="shopDetail_item_FDJ">
                                <!-- 实现放大镜效果的最大的框 -->
                                <div class="shopDetail_item_minBox">
                                    <!-- item_L_minBox_minF：跟随鼠标的镜子  -->
                                    <div class="item_L_minBox_minF"></div>
                                    <!-- item_L_minBox_minImg：小的图片  -->
                                    <div class="item_L_minBox_minImg">
                                        <img src="https://image.samsungeshop.com.cn/goods/2022/02/09/6202a881e4b04c32de5e97d6.jpg"
                                            alt="">
                                    </div>
                                </div>
                                <!-- 对应的大框 -->
                                <div class="shopDetail_item_maxBox">
                                    <!--  对应的大图 -->
                                    <div class="item_L_minBox_maxImg">
                                        <img src="https://image.samsungeshop.com.cn/goods/2022/02/09/6202a881e4b04c32de5e97d6.jpg"
                                            alt="">
                                    </div>
                                </div>
                            </div>
                            <!-- 对应的小图部分： -->
                            <div class="shopDetail_item_shop_w">
                                <div class="shopDetail_item_shop_content">
                                    <ul class="item_shops_minImg">
                                        <!-- 渲染的小图 -->
                                    </ul>
                                    <div class="shops_last_btn">
                                        <div class="last_btn" type="button"><i class="iconfont icon-zhixiang"></i></d>
                                        </div>


                                    </div>
                                    <div class="shops_next_btn">
                                        <div class="next_btn" type="button"><i class="iconfont icon-zhixiang"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="shopDetail_item_R">
                            <div class="shopDetail_item_R_T">
                                <div class="base_title">
                                    <div class="base_title_top">
                                        <div class="base_title_header">
                                            <div>
                                                <span class="news_tips">新品</span>
                                                <span class="news_tips">人气推荐</span>
                                            </div>
                                            <h1 class="base_title_header_t">Galaxy S22 Ultra</h1>
                                            <div class="base_title_header_t2">
                                                <span class="t2_price">￥9,699.00</span>
                                            </div>
                                        </div>
                                        <div class="base_title_yh">
                                            <div class="base_title_yh_s">商品优势</div>
                                            <div class="base_title_yh_row">
                                                <span>
                                                    <img src="./img/detail/base_title_yh.png" alt="">
                                                    <span class="base_title_yh_txt">专属赠品</span>
                                                </span>
                                                <span>
                                                    <img src="./img/detail/base_title_yh.png" alt="">
                                                    <span class="base_title_yh_txt">晒单好礼</span>
                                                </span>
                                                <span>
                                                    <img src="./img/detail/base_title_yh.png" alt="">
                                                    <span class="base_title_yh_txt">分期0利率</span>
                                                </span>
                                                <span>
                                                    <img src="./img/detail/base_title_yh.png" alt="">
                                                    <span class="base_title_yh_txt">管家服务</span>
                                                </span>
                                                <span class="base_title_yh_xiangqing">
                                                    <span>详情</span>
                                                    <i class="iconfont icon-113fangxiang_xiangyou"></i>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="base_title_yh">
                                            <div class="base_title_yh_s">赠品</div>
                                            <div class="base_title_yh_row">
                                                <span>
                                                    <span class="base_title_yh_zp_item">
                                                        <img src="https://image.samsungeshop.com.cn/goods/2022/02/09/62035e8ae4b04c32f3e462a0.jpg"
                                                            alt="">
                                                        <span class="base_title_yh_txt">挂绳式硅胶保护壳+幸运盲盒(宽挂绳)赠品</span>
                                                    </span>
                                                </span>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="base_wreper">
                                    <div class="base_wreper_jx_item">
                                        <div class="base_wreper_jx_header">选择机型
                                        </div>
                                        <div class="base_wreper_jx_item_part">
                                            <div class="base_wreper_jx_part_btn active">
                                                <div class="jx_content ">Galaxy S22 Ultra <br><span>￥9,699.00</span>
                                                </div>
                                            </div>
                                            <div class="base_wreper_jx_part_btn">
                                                <div class="jx_content">Galaxy S22<br><span>￥4,999.00</span>
                                                </div>
                                            </div>
                                            <div class="base_wreper_jx_part_btn">
                                                <div class="jx_content">Galaxy S22+<br><span>￥6,599.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="shopDetail_item_R_B">
                                <div>
                                    <div class="shopDetail_item_R_B_attr">
                                        <div class="base_wreper_jx_item">
                                            <div class="base_wreper_jx_header">选择内存

                                            </div>
                                            <div class="base_wreper_jx_item_part">
                                                <div class="base_wreper_nc_part_btn active">
                                                    <div class="nc_content ">12GB RAM
                                                        <br><span>256GB ROM</span>
                                                    </div>
                                                </div>
                                                <div class="base_wreper_nc_part_btn">
                                                    <div class="nc_content">12GB RAM
                                                        <br><span>512GB ROM</span>
                                                    </div>
                                                </div>
                                                <div class="base_wreper_nc_part_btn">
                                                    <div class="nc_content">12GB RAM
                                                        <br><span>1TB ROM</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="base_wreper_jx_item">
                                            <div class="base_wreper_jx_header">选择颜色

                                            </div>
                                            <div class="base_wreper_jx_item_part item_part_colors">
                                                <div class="item_part_color active">
                                                    <div class="color_a"></div>
                                                    <div class="color_b_a"></div>
                                                </div>
                                                <div class="item_part_color">
                                                    <div class="color_a"></div>
                                                    <div class="color_b_b"></div>
                                                </div>
                                                <div class="item_part_color">
                                                    <div class="color_a"></div>
                                                    <div class="color_b_c"></div>
                                                </div>
                                                <div class="item_part_color">
                                                    <div class="color_a"></div>
                                                    <div class="color_b_d"></div>
                                                </div>
                                                <div class="item_part_color">
                                                    <div class="color_a"></div>
                                                    <div class="color_b_e"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="buy_content">
                        <div>
                            <div class="buy_Bar">
                                <div class="buy_Bar_item">
                                    <div class="buy_Bar_item_content">
                                        <div class="buy_Bar_item_name">商品名称</div>
                                        <div class="buy_Bar_item_txt">
                                            <div class="buy_Bar_item_txt_pz">
                                                商品配置：
                                                <span>商品配置</span>/
                                                <span>商品配置</span>
                                            </div>
                                            <div class="buy_Bar_item_txt_color">
                                                <span>/&emsp;商品颜色： <i></i> </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="buy_Bar_money">
                                    <div class="buy_const">
                                        <div class="buy_const_1">
                                            <i class="iconfont icon-jianhao1"></i>
                                        </div>
                                        <div class="buy_count_line1"></div>
                                        <div class="buy_const_c">1</div>
                                        <div class="buy_count_line2"></div>
                                        <div class="buy_const_2">
                                            <i class="iconfont icon-daochu1024-29"></i>
                                        </div>
                                    </div>
                                    <span class="buy_moneys">总价格:<span>渲染价格</span>
                                    </span>
                                </div>
                                <div class="buy_Bar_btn">
                                    <span class="buy_btn">加入购物车</span>
                                    <span class="car_btn">立即购买</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </section>




    <!-- 侧边栏 -->

    <div class="side_warp">
        <div class="dingbu">
            <a href="#">
                <img src="./img/sideImg/dingbu.png" alt="">
            </a>
        </div>
        <ul class="side_warp_ul">

            <li><a href="./cartlist.html">
                    <img src="./img/sideImg/gouwuche.png" alt=""> 购物车
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./img/sideImg/gerenzhongxin.png" alt="">个人中心
                </a>
            </li>
            <li>
                <img src="./img/sideImg/xiazai.png" alt="">下载APP
            </li>
            <li>
                <img src="./img/sideImg/duanxin.png" alt="">在线客服
            </li>
            <li>
                <img src="./img/sideImg/weixin.png" alt="">微信公众号
            </li>
        </ul>
    </div>
    <!-- footer -->

    <div class="footer_content">

    </div>
    </body>

</html>